<template>
    <div v-if="dataSource" class="wrap">
        <div class="content newsDetailContent animated lightSpeedIn " v-html="dataSource.content"/>
    </div>
</template>

<script>
import request from '@/request.js';
    export default {
        data(){
            return {
                dataSource:null
            }
        },
        mounted(){
            this.getData(this.$route.query.id)
        },
        methods:{
           getData(id){
               request.get(`/pc/news/findNewsDetail?id=${id}`)
                .then(res => {
                    this.dataSource = res.data;
                })
           } 
        }
    }
</script>

<style lang="less" scoped>
.wrap {
    margin-right: 60px;
    text-align: left;
    margin-bottom: 60px;
    /deep/ video{
        max-width: 100%;
    }
}
</style>